import React from 'react'
import { View, Text, Image } from '@tarojs/components'
import styles from './index.module.scss'

interface DoctorBriefProps {
    name: string // 医生姓名
    projectName: string // 医生所属项目名称
    trainType: string // 医生培训类型
    avatarUrl: string // 医生头像链接
    detailUrl?: string // 医生详情链接
}

const DoctorBrief: React.FC<DoctorBriefProps> = ({
    name,
    projectName,
    trainType,
    avatarUrl,
    detailUrl,
}) => {
    return (
        <View className={styles.container}>
            <View className={styles.avatarWrapper}>
                <Image className={styles.avatar} src={avatarUrl} />
            </View>
            <View className={styles.middle}>
                <Text className={styles.name}>{name}</Text>
                <View className={styles.info}>
                    <Text className={styles.projectName}>{projectName}</Text>
                    <Text className={styles.trainType}>{trainType}</Text>
                </View>
            </View>
            <View className={styles.detail}>
                <Text>咨询</Text>
            </View>
        </View>
    )
}

export default DoctorBrief
